<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" >
    <base th:href="${#request.getContextPath()}+'/'">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">


</head>
<body>

<!--商户列表-->
<div>

    <tbody><tr valign="top">

        <td>
            <!--width="100%" cellspacing="0" cellpadding="6" border="0"-->
            <table width="100%" cellspacing="0" cellpadding="6" border="0" >
                <tbody><tr>
                    <td class="blockTd" valign="middle">
                        <img src="/img/a.gif">
                        商户信息列表
                        <input type="hidden" id="RelaCatalogID" name="RelaCatalogID" value="0">
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0 8px 4px;">
                        <a href="javascript:void(0);" ztype="zPushBtn" class="zPushBtn" hidefocus="true" tabindex="-1" onselectstart="return false" onclick="add()"><img src="/img/b.gif"><b>新增&nbsp;</b>
                        </a>
                        <a href="javascript:void(0);" ztype="zPushBtn" class="zPushBtn" hidefocus="true" tabindex="-1" onselectstart="return false" onclick="edit();return false;"><img src="/img/c.gif"><b>修改&nbsp;</b>
                        </a>
                        <a href="javascript:void(0);" ztype="zPushBtn" class="zPushBtn" hidefocus="true" tabindex="-1" onselectstart="return false" onclick="del();return false;"><img src="/img/d.gif"><b>删除&nbsp;</b>
                        </a>
                        &nbsp;
                        &nbsp;
                        关键词:
                        <input name="searchText" type="text" id="searchText" onkeydown="enterSubmit();" class="ipt_style" value="">
                        <input type="button" name="sb" id="sb" class="btn_style" value="查询" onclick="return search();">
                    </td>
                </tr>
                <tr>
                    <td style="padding-top: 0px; padding-left: 6px; padding-right: 6px; padding-bottom: 8px;">
                        <table class="table table-hover" sortstring="" id="dg1" page="true" size="0" multiselect="true" autofill="true" scroll="false" lazy="false" cachesize="0" width="100%" cellspacing="0" cellpadding="2" border="1">
                            <tbody><tr ztype="head" class="dataTableHead">
                                <td width="5%" align="center">
                                    序 号
                                </td>
                                <td ztype="selector" field="id" width="3%" align="center">
                                    <input type="checkbox" value="*" id="dg1_AllCheck" onclick="DataGrid.onAllCheckClick('dg1')">
                                </td>
                                <td width="10%" align="center">
                                    <b>状&nbsp;态</b>
                                </td>

                                <td width="15%" align="center">
                                    <b>登录账号</b>
                                </td>

                                <td width="20%" align="center">
                                    <b>商户名称</b>
                                </td>

                                <td width="12%" align="center">
                                    <b>等&nbsp;级</b>
                                </td>

                                <td width="10%" align="center">
                                    <b>QQ号码</b>
                                </td>

                                <td width="10%" align="center">
                                    <b>联系电话</b>
                                </td>

                                <td width="15%" align="center">
                                    <b>创建时间</b>
                                </td>
                            </tr>




                            <tr th:each="m,merchant:${list}" th:attr="id=${m.customerId}" id="87529766_tr" ondblclick="edit('87529766');" onclick="DataGrid.onRowClick(this,event);" style="background:#ffffff" height="35">



                                <td align="center" th:text="${merchant.count}">
                                    1
                                </td>

                                <td onclick="DataGrid.onSelectorClick(this,event);" ondblclick="stopEvent(event);" align="center">
                                    <input type="checkbox" name="dg1_RowCheck" id="dg1_RowCheck1" value="87529766">
                                </td>

                                <td align="center">
                                    <font color="green" th:if="${m.state == 1}">有效</font>
                                    <font  th:if="${m.state == 0}">无效</font>
                                </td>

                                <td align="center">
                                    <a href="#" onclick="see('87529766')" title="点击修改查看/商户" th:text="${m.loginName}">45345</a>
                                </td>

                                <td align="center" th:text="${m.customerName}">
                                    eegr
                                </td>


                                <td align="center">

                                    <span style="width:30px" th:if="${m.level==0}">非认证商户</span>
                                    <span style="width:30px;color:#f70;" th:if="${m.level>0}">认证商户V<span th:text="${m.level}"></span></span>
                                </td>

                                <td align="center" th:text="${m.qq}">
                                    345345
                                </td>

                                <td align="center" th:text="${m.phone}">
                                    453453
                                </td>

                                <td align="center" th:text="${m.createtime}">
                                    &nbsp;2019/07/03 19:01:51
                                </td>

                            </tr>

                            <tr>
                                <td colspan="9" id="dg1_PageBar" class="pagebg" align="center">
                                    <div style="float: right; font-family: Tahoma;" class="flickr">

                                        <span class="current">1</span>

                                    </div>

                                    <div style="float: left; font-family: Tahoma">
                                        共 3 条记录，每页 20 条，共 1 页
                                    </div>
                                </td>
                            </tr>
                            </tbody></table>
                    </td>
                </tr>
                </tbody></table>
        </td>
    </tr>
    </tbody>

</div>
<!--列表结束-->
<!--添加模态框-->
<div>
    <!-- Modal -->
    <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">添加商户</h4>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="flush()">Close</button>
                    <button type="button" class="btn btn-primary" onclick="flush()">Save changes</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    function add() {
        $(".modal-body").load("page/addMerchant");
        $("#myModal").modal("show");
    }
</script>
</body>
</html>